<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://purl.org/kid/ns#">
  <head>
  <meta content="text/html; charset=utf-8"
        http-equiv="Content-Type" py:replace="''"/>
  <title>${dashboard_title}</title>
  <script type="text/javascript">
  <!--
  -->
  </script>
  <link href='default.css' type='text/css' rel='stylesheet'/>
  </head>
  <body>
    <h1 class="dashboard_title">${dashboard_title}</h1>
    <div class="main_content">
      <div class="charts" py:for="data_source in charts">
        <div class="charts_datasource" py:for="chart in charts[data_source]">
          <img id="${chart}" src="${charts[data_source][chart].get_url()}" />
        </div>
      </div>
      <div class="data" py:for="d in data">
        <h2>${d}</h2>
        <table class="data_table" name="${d}">
          <tr class="header">
            <th py:for="cell in data[d].headers">
              ${cell}
            </th>
          </tr>
          <tr py:for="row in data[d].data">
            <td py:for="cell in row">
              <?python
                if isinstance(cell,float):
                  cell = round(cell,round_amount)
              ?>
              ${cell}
            </td>
          </tr>
        </table>
      </div>
    </div>
  </body>
</html>
